<template>
  <view class="showMore" @click="showMore">
    <text>{{value ? '收起':'展开'}}</text>
    <text class="iconfont icon-arrow-down-filling" v-if="!value"></text>
    <text class="iconfont icon-arrow-up-filling" v-else></text>
  </view>
</template>


<script>
export default {
  props: {
    value: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    showMore() {
      let flag = !this.value;
      this.$emit("input", flag);
    },
  },
};
</script>

<style lang="less" scoped>
.showMore {
  width: 100%;
  height: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #8c8c8c;
  display: flex;
  align-items: center;
  .iconfont {
      margin-left: 10rpx;
  }
}
</style>